<template>
<!-- 中文化 -->
	<a-config-provider :locale="zhCN">
		<router-view></router-view><!-- 路由视图，动态加载路由对应界面 -->
	</a-config-provider>
</template>


<script>
import zhCN from 'ant-design-vue/es/locale/zh_CN';
import moment from 'moment';
import 'moment/dist/locale/zh-cn';
import { defineComponent, ref, watch } from 'vue';
moment.locale('cn');
export default defineComponent({
  setup() {
    // 中文化
    const locale = zhCN.locale;
    watch(locale, val => {
      moment.locale(val);
    });

    return {
      locale,
      moment,
      zhCN,
    };
  },
});
</script>
<style>
html {
  /* height: 100%; */
}
body {
  /* height: 100%; */
  margin: 0px;
  padding: 0px;
}
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: left;
  /* height: 100%; */
  /* background-color: #f5f5f5; */
}
</style>
